<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="UTF-8"/>
    <meta http-equiv="refresh" content="2"/>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"/>

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <title>代驾行业协会驾驶员审核评分平台</title>
    <style type="text/css">
        #Container {
            width: 100%;
            margin: 0 auto; /*设置整个容器在浏览器中水平居中*/
            background: #d8d8d8;
        }

        #Header {
            background: #164c70 none repeat scroll 0 0;
            height: 30px;
            padding: 15px 0;
        }

        #logo {
            background-image: url("static/logo.png");
            background-position: center center;
            background-repeat: no-repeat;
            float: left;
            height: 30px;
            padding-left: 20px;
            width: 380px;

        }

        #logo2 {
            background-image: url("static/lot.png");
            background-position: center center;
            background-repeat: no-repeat;
            float: right;
            padding-right: 400px;
            padding-top: 30px;
        }

        }
        #Content {
            margin: 30px;
            padding: 30px;
            overflow: auto;
            margin-top: 20px;
            background: #0FF;

        }

        .Clear {
            clear: both;
        }

        body {
            margin: 0px;
            padding: 0px;
        }
    </style>
</head>

<body>
<div id="Container">
    <div id="Header">
        <div id="logo"></div>
        <div id="logo2"></div>
    </div>
    <div id="Content">
        <h2 th:text="${type}">表格</h2>
        <table class="table" align="center">
            <thead>
            <tr>
                <th>姓名</th>
                <th>联系方式</th>
                <th>身份证号</th>
                <th>出行次数</th>
                <th>驾龄</th>
                <th>审核时间</th>
                <th>当前分值</th>
                <th>服务评价</th>
                <th>安全评分</th>
                <th>距离</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="driver:${drivers}">
                <td th:text="${driver.name}">王宁</td>
                <td th:text="${driver.phone}">15337172511</td>
                <td th:text="${driver.id}">320721197212255010</td>
                <td th:text="${driver.drivingCnt}">120</td>
                <td th:text="${driver.age}">5</td>
                <td th:text="${driver.examineTime}">2016-7-12</td>
                <td th:text="${driver.score}">12</td>
                <td th:text="${driver.serviceRating}">5</td>
                <td th:text="${driver.securityRating}">10</td>
                <td th:text="${driver.distance}">2.7km</td>
            </tr>

            </tbody>
        </table>
    </div>
</div>
</body>
</html>